<template>
  <div class="third-son">
    <slot :a="a" name="prefix"></slot>
    <el-button>ThirdSonBefore</el-button>
    <slot :walk="walk" :a="a"></slot>
    <el-button>ThirdSonAfter</el-button>
    <slot name="suffix"></slot>
  </div>
</template>
<script>
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import New from './components/New.vue';
export default {
  name: "ThirdSon",
  components: {
    // New,Old,
  },
  props: {
    sampleP: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      sampleD: "value",
      a: "aaaa",
    };
  },
  computed: {
    // sampleC() {
    //     return this.sampleD+'--';
    // }
  },
  created() {},
  mounted() {},
  methods: {
    sampleM() {},
    walk() {
      this.$notify.info("son walking");
    },
  },
  watch: {
    // sampleC(newValue, oldValue) {
    //
    // }
  },
};
</script>

<!--<style scoped>-->
<style lang="scss" scoped>
.third-son {
  height: 200px;
  background-color: #906921;
}
</style>
